@charset "UTF-8";

@function strip-units($number) {
  @return $number / ($number * 0 + 1)
}

@function rpx($value: 1px) {
  @if not unitless($value) {
    $value: strip-units($value) // 去除单位
  }

  @return $value * 2rpx;
}


.flex {
  display: flex!important;
}

.flex-row {
  flex-direction: row!important;
}

.flex-col {
  flex-direction: column!important;
}

.flex-wrap {
  flex-wrap: wrap!important;
}

.flex-justify-start {
  justify-content: flex-start!important;
}

.flex-justify-end {
  justify-content: flex-end!important;
}

.flex-justify-center {
  justify-content: center!important;
}

.flex-justify-between {
  justify-content: space-between!important;
}
.flex-justify-around{
  justify-content: space-around!important;
}
.flex-justify-around {
  justify-content: space-around!important;
}

.flex-align-start {
  align-items: flex-start!important;
}

.flex-align-center {
  align-items: center!important;
}

.flex-align-end {
  align-items: flex-end!important;
}
/* #ifndef APP-PLUS-NVUE */
.flex-content-between {
  align-content: space-between!important;
}
/* #endif */


.flex-align-stretch {
  align-items: stretch!important;
}

.flex-1 {
  flex: 1!important;
}

.flex-between {
  @extend .flex;
  @extend .flex-row;
  @extend .flex-justify-between;
  @extend .flex-align-center;
}

.flex-start {
  @extend .flex;
  @extend .flex-row;
  @extend .flex-justify-start;
  @extend .flex-align-center;
}
.flex-end {
  @extend .flex;
  @extend .flex-row;
  @extend .flex-justify-end;
  @extend .flex-align-center;
}

.flex-center {
  @extend .flex;
  @extend .flex-row;
  @extend .flex-justify-center;
  @extend .flex-align-center;
}

.flex-top {
  @extend .flex;
  @extend .flex-row;
  @extend .flex-justify-start;
  @extend .flex-align-start;
}

/**
常用margin padding
*/

$kv: (margin top) (margin bottom) (margin left) (margin right) (padding top) (padding bottom) (padding left) (padding right) (margin x) (margin y) (padding x) (padding y);

@for $i from 0 through 40 {
  @if $i % 5==0 or $i < 10 {
    @if $i==0 {
      .padding-#{$i} {
        padding: 0;
      }

      .margin-#{$i} {
        margin: 0;
      }
    }

    @else {
      .padding-#{$i} {
        padding: rpx($i);
      }

      .margin-#{$i} {
        margin: rpx($i);
      }
    }

    @each $name,
    $direction in $kv {
      @if ($direction==x or $direction==y) {
        @if ($direction==x and $name==margin and $i==0) {
          .#{$name}-#{$direction}-#{$i} {
            #{$name}-left: 0;
            #{$name}-right: 0;
          }
        }

        @if ($direction==x and $name==padding and $i==0) {
          .#{$name}-#{$direction}-#{$i} {
            #{$name}-left: 0;
            #{$name}-right: 0;
          }
        }

        @if ($direction==y and $name==margin and $i==0) {
          .#{$name}-#{$direction}-#{$i} {
            #{$name}-top: 0;
            #{$name}-bottom: 0;
          }
        }

        @if ($direction==y and $name==padding and $i==0) {
          .#{$name}-#{$direction}-#{$i} {
            #{$name}-top: 0;
            #{$name}-bottom: 0;
          }
        }
      }

      .#{$name}-#{$direction}-#{$i} {
        @if $i==0 {
          @if ($direction !=x) {
            @if ($direction !=y) {
              #{$name}-#{$direction}: 0;
            }
          }
        }

        @else {
          @if ($direction==x) {
            // #{$name}: 0 rpx($i);
            #{$name}-left: rpx($i);
            #{$name}-right: rpx($i);
          }

          @else if ($direction==y) {
            // #{$name}: rpx($i) 0;
            #{$name}-top: rpx($i);
            #{$name}-bottom: rpx($i);
          }

          @else {
            #{$name}-#{$direction}: rpx($i);
          }
        }
      }
    }
  }
}
/**
常用字体
*/
@each $font,
$doubleFont in (10: 20, 12: 24, 13: 26, 14: 28, 15: 30, 16: 32, 18: 36, 20: 40, 22: 44, 24: 48, 26: 52, 28: 56, 30: 60, 35: 70) {
  .font-#{$font} {
    font-size: rpx($font)!important;
  }
}

/**
  常用颜色
  */
@each $cname,
$color in (666: #666, 999: #999,
  warn: #FC811A, darkerYellow: #DD6703, black: #070707,
   main: #5BA2F9, fff: #fff,
	 green: #6291F7,
  333: #333,  f6: #f6f6f6,c3: #c3c3c3, c9: #9c9c9c, redFont:#f9001d) {
  .color-#{$cname} {
    color: $color!important;
  }

  .color-bg-#{$cname} {
    background-color: $color!important;
  }
	.border-#{$cname} {
		border-style: solid;
		border-color: $color!important;
		border-width: 1Px!important;
	}
}

@for $i from 5 through 20 {
  @if $i % 5==0 or $i < 10 {
    .border-radius-#{$i} {
      border-radius: rpx($i);
    }
  }
}

@each $style,
$value in (weight: 700, normal: 400, light: 500) {
  .font-#{$style} {
    font-weight: $value!important;
  }
}


/* #ifndef APP-PLUS-NVUE */
.text-break {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.text-eli {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@each $display in (block, inline-block, none) {
  .#{$display} {
    display: $display!important;
  }
}
/* #endif */


@each $d in (left, center, right,justify) {
  .text-#{$d} {
    text-align: $d!important;
  }
}

@each $d in (relative, absolute, fixed) {
  .position-#{$d} {
    position: $d!important;
  }
}


.hidden {
  overflow: hidden;
}

@each $full in ('', x, y) {
  @if $full=='' {
    .full {
      width: 100%!important;
      height: 100%!important;
    }
  }

  @else {
    .full-#{$full} {
      @if $full==x {
        width: 100%!important;
      }

      @else {
        height: 100%!important;
      }
    }
  }
}

@for $i from 2 through 4 {
  .text-eli-#{$i} {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $i;
    -webkit-box-orient: vertical;
  }
}
@each $style,
$value in (weight: 700, normal: 400, light: 500) {
  .font-#{$style} {
    font-weight: $value!important;
  }
}
.status_bar {
		height: var(--status-bar-height);
		width: 100%;
	}

.flex-1 {
  flex: 1!important;
}
.flex-shrink {
  flex-shrink: 0;
}
%b{
	border-style: solid;
  border-width: 2rpx;
}
@each $direction in (top, right, bottom, left) {
  .b-#{$direction} {
		 border-#{$direction}-width: 2rpx;
		 border-#{$direction}-style: solid;
    border-#{$direction}-color: #f3f3f3;
  }
}
image{
	vertical-align: middle;
}

.copy-info{
	-webkit-user-select: text; 
	user-select: text;
}
.border-box{
  box-sizing: border-box;
}
.shrink{
  flex-shrink: 0;
}
.shadow {
  box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0, 0, 0, 0.05);
}
/* 解决h5 uni.showModal 被u-popup 遮住*/
uni-modal{
   z-index: 19999 !important;
}
uni-toast{
   z-index: 19999 !important;
}